<template>
  <div class='footer'>
    <!-- <div class="fot_content">
      <div class="fot_main">
        <div class="lt lt_main">
          <el-row>
            <el-col :span="8">
              <div class="grid-content bg-purple bszn">
                <h3>办事指南</h3>
                <p>
                  <a target="_blank" href="/#/infoDetail?id=288&type=2">事务代理科办理流程</a>
                </p>
                <p>
                  <a target="_blank" href="/#/infoDetail?id=267&type=2">
                    职称工作办理程序
                  </a>
                </p>
                <p>
                  <a target="_blank" href="/#/infoDetail?id=187&type=2">网上招聘办理流程</a>
                </p>
              </div>
            </el-col>
            <el-col :span="16">
              <div class="grid-content bg-purple-light bszn">
                <h3>&nbsp;</h3>
                <p>
                  <a target="_blank" href="/#/infoDetail?id=188&type=2">职业指导科服务指南</a>
                </p>
                <p>
                  <a target="_blank" href="/#/infoDetail?id=186&type=2">现场招聘参会流程</a>
                </p>
                <p>
                  <a target="_blank" href="/#/infoDetail?id=185&type=2">流动人才管理科办事流程</a>
                </p>
              </div>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <div class="grid-content bg-purple bszn contact">
                <h3>联系我们</h3>

              </div>
            </el-col>
            <el-col :span="16">
              <div class="grid-content bg-purple-light bszn contact">
                <h3>&nbsp;</h3>

              </div>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="23">
              <div class="grid-content bg-purple-dark tel_phone">
                招聘热线：0731-28811243 &nbsp;档案职称：0731-28818405 &nbsp;其他业务：0731-28681053
                流动党员：0731-28681683 &nbsp;求职推荐：0731-28681682
              </div>
            </el-col>
          </el-row>
        </div>
        <div class="lt rt_main">
          <el-row>
            <el-col :span="12">
              <div class="grid-content bg-purple bszn">
                <h3>人力资源服务中心位置示意图</h3>
                <div class="maps">
      
    <img src="../../assets/img/map.png" alt="">

  </div>
  <p class="address">
    <img src="../../assets/img/location.png" alt="">
    人才市场地址:天元区长江北路116号
  </p>
  </div>
  </el-col>
  <el-col :span="12">
    <div class="grid-content bg-purple-light bszn">
      <h3>人力资源市场位置示意图</h3>
      <div class="maps">


        <img src="../../assets/img/maps.png" alt="">
      </div>
      <p class="address">
        <img src="../../assets/img/location.png" alt="">
        人力资源市场就业创业指导中心三号楼
      </p>
    </div>
  </el-col>
  </el-row>
  </div>
  </div>
  </div> -->
    <div class="fot-footer">
      Copyright @ 2021 樟树市人才服务 All Right Reserved ｜ <a
        href="https://beian.miit.gov.cn/" target="_blank">网站备案:赣ICP备2020014069号</a>
    </div>
  </div>
</template>

<script>
// const hmapsMarket = () => import('../common/heighMapsTwo')
// const hmapMarket = () => import('../common/heighMaps')
export default {
  components: {
    // hmapsMarket,
    // hmapMarket
  },
  data () {
    return {};
  },
  computed: {},
  watch: {},
  methods: {

  },
  mounted () { },
  beforeCreate () { },
  beforeMount () { },
  beforeUpdate () { },
  updated () { },
  beforeDestroy () { },
  destroyed () { },
  activated () { },
}
</script>
<style scoped>
.fot_content {
    width: 100%;
    height: 484px;
    margin-top: 50px;
    background: rgba(48, 58, 64, 1);
}
.fot_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.lt_main {
    width: 50%;
    height: 100%;
    position: relative;
}
.lt_main::before {
    content: '';
    width: 0px;
    height: 351px;
    border: 1px solid rgba(112, 112, 112, 1);
    position: absolute;
    right: 0px;
    top: 60px;
}
.rt_main {
    width: 50%;
    height: 100%;
    margin-left: 59px;
}
.bszn {
    margin-top: 35px;
}

.bszn h3 {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 22px;
    line-height: 35px;
    color: rgba(255, 255, 255, 1);
}
.bszn p {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: rgba(117, 117, 117, 1);
}
.bszn p a {
    color: rgba(117, 117, 117, 1);
}
.bszn p img {
    margin-right: 10px;
}
.contact p {
    line-height: 40px;
}

.tel_phone {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 26px;
    margin-top: 35px;
    color: rgba(117, 117, 117, 1);
}

.maps {
    width: 243px;
    height: 168px;
    margin: 32px 0 19px 0;
    background: rgba(116, 116, 116, 1);
    opacity: 1;
    overflow: hidden;
}

.fot-footer {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: rgba(36, 44, 49, 1);
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(117, 117, 117, 1);
}
.fot-footer a {
    color: rgba(117, 117, 117, 1);
}
.address {
    width: 85%;
}
</style>